<!--
 * @Description: 
 * @Version: 1.0
 * @Author: Yuanjy
 * @Date: 2020-05-15 12:14:06
 * @LastEditors: Yuanjy
 * @LastEditTime: 2020-06-03 21:55:55
--> 
<template>
  <div style="width:100%">
    <el-table :data="data" border fit highlight-current-row>
      <el-table-column label="ID" prop="id" width="70"></el-table-column>
      <el-table-column label="收件人姓名" prop="delivery_name"></el-table-column>
      <el-table-column label="负责营养师" prop="principal"></el-table-column>
      <el-table-column label="服务状态">
        <template slot-scope="scope">
          <button type="button" class="el-button--small state-btn" :class="scope.row.statusClass"><span>{{scope.row.statusname}}</span></button>
        </template>
      </el-table-column>
      <el-table-column label="开始时间" prop="start_time"></el-table-column>
      <el-table-column label="结束时间" prop="end_time"></el-table-column>
      <el-table-column label="减重状态" prop="weight_decrease"></el-table-column>
      <el-table-column label="第几天" prop="service_day"></el-table-column>
      <el-table-column label="订单来源" prop="from"></el-table-column>
      <el-table-column label="宝贝描述" prop="content"></el-table-column>
      <el-table-column label="三餐打卡率" prop="punch_rate"></el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <i class="i-icon" title="订单详情" @click="serviceDetail(scope.row.id)"></i>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>

export default {
  props: {
    data: {
      type: Array,
      required: true
    },
    supThis: {
      type: Object,
      required: true
    }
  },
  methods: {
    serviceDetail(id) {
      this.$router.push('/order/serviceDetail/' + id + '?tab=punch')
    },
  }
}
</script>

<style scoped>
  div{
    display: inline-block;
    margin-right: 3px;
  }
</style>
